<!-- page content -->
<div class="right_col" role="main">
	<div class="">
		<div class="page-title">
			<div class="title_left">
				<h3>
					Thymeleaf Index Page
				</h3>
			</div>
		</div>

		<div class="clearfix"></div>

		<h3>Hello World!</h3>

		<p>====== 下载图片 ====</p>
		<a href="/test/file?fileName=QQ截图20210823152733.jpg">下载</a>

		<p>====== 上传图片 ====</p>
		<p th:text="${message}"></p>
		<form action="/test/file" method="post" enctype="multipart/form-data">
			<input type="file" name="file"/>
			<input type="submit" value="上传"/>
		</form>


		<p>====== th:text ====</p>
		<span th:text="${name}"></span>
		<div th:text="${name}"></div>

		<p>====== th:if,th:unless ====</p>
		<p th:if="${checked} == true">Yong people</p>
		<!-- 如果后面表达式为 false 显示-->
		<p th:unless="${checked} == false">Yong people</p>
		<p th:if="${currentNumber}&lt;100">小于100</p>
		<p th:if="${thymeleafTitle} == null">Title is null</p>
		<p th:if="${thymeleafTitle} != null">Title is not null</p>

		<p>====== 标签属性设置 ====</p>
		<input type="checkbox" th:checked="${checked}">Checkbox
		<!--<img th:src="${src}">-->
		<a th:href="${href}">百度</a>
		<a th:href="@{'/api/city/' + ${city.cityId}}">路劲参数</a>
		<a th:href="@{/api/city(cityName=${city.cityName},
			localCityName=${city.localCityName})}">查询参数</a>

		<p>====== th:object ====</p>
		<div th:object="${city}">
			<span th:text="${city.cityName}"></span>
			<span th:text="*{cityName}"></span>
		</div>

		<p>====== th:each ====</p>
		<ul th:each="city : ${cities}">
			<li th:text="${city.cityName}"></li>
		</ul>
		<table>
			<thead><tr><td>ID</td><td>CityName</td></tr></thead>
			<tbody>
			<tr th:each="city : ${cities}">
				<td th:text="${city.cityId}"></td>
				<td th:text="${city.cityName}"></td>
			</tr>
			</tbody>
		</table>
		<select>
			<option th:each="city : ${cities}" th:value="${city.cityId}"
					th:text="${city.cityName}"></option>
		</select>

		<p>====== form 表单 ====</p>
		<!-- 有的浏览器并不支持 PUT 请求，SpringMVC 为我们提供了一种解决方案
            全局配置开启 hidden method：spring.mvc.hiddenmethod.filter.enabled=true
            表单中添加 hidden 指定 method
        -->
		<form action="/api/city" method="post" th:object="${city}">
			<input type="hidden" name="_method" value="PUT"/>
			<p><input th:value="${city.cityId}" name="cityId"></p>
			<p><input th:value="${city.cityName}" name="cityName"></p>
			<p><input th:value="${city.localCityName}" name="localCityName"></p>
			<p><input type="submit" value="提交"/></p>
		</form>

		<p>====== th:replace ====</p>
		<div th:replace="test/temp"></div>
	</div>
</div>
<!-- /page content -->